End.

解决DevTools failed to load SourceMap问题

开发者窗口告警:DevTools failed to load SourceMap: Could not load content for ***.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME


分析

这里抛出DevTools failed to load SourceMap警告的原因是:

项目引用的第三方的JavaScript工具是压缩后的版本,
存在SourceMap的指向信息,
浏览器启用了JavaScript源映射,
但是我的项目中没有相应的SourceMap文件,所以抛出此异常。
SourceMa是从已转换的代码映射到原始源的文件,使浏览器能够重构原始源并在调试器中显示重建的原始源,调试原始源代码会比浏览器下载的转换后的代码更加容易。
其实这里没有SourceMap文件是不会影响项目的正常运行和使用的。

解决

如果不想看到类似的警告信息,可以在Chrome的控制台的设置中去设置一下,不启用JavaScript源映射即可:

第一步:在控制台右上角点击【设置】


第二步:在设置面板中Preferences -> Sources -> Enable JavaScript source maps
去掉 【Enable JavaScript source maps】选项.

刷新浏览器即可。

End.